@import './color';

.el-container {
  height: 100%;
}

.el-header {
  display: flex;
  background-color: $container-bg-color;

  .sys-title {
    flex: 1;
    font-size: 24px;
    line-height: 60px;
    color: $container-text-color;
  }

  .header-right {
    line-height: 60px;

    .el-link {
      color: $container-text-color;
    }
  }
}

.el-aside {
  background-color: $container-bg-color;

  &::-webkit-scrollbar {
    width: 3px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(255, 208, 75, .2);
    background-color: rgba(255, 208, 75, .8);
  }

  .el-menu {
    background-color: $container-bg-color;

    .el-sub-menu__title,
    .el-menu-item {
      color: $container-text-color;

      &:hover {
        background-color: #666;
        color: rgba(255, 208, 75, .8);
      }

      &.is-active {
        color: rgba(255, 208, 75, .8);
      }
    }

  }
}
